<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="box">123123123</div>
</body>
<script>
    var box = document.getElementById("box");
    console.log(box);

    // 页面加载时  => 只是绑定事件  
    // 点击box    => 执行function中的代码段
    // box.onclick = function(){
    //     alert(11111);
    // }

    // 强制类型转换  
    // String()   Number()   Boolean()      parseInt()  parseFloat()
 
    console.log(Number(""));  // 0
    console.log(Number(" ")); // 0

    // ""  0  NaN null undefined

    // console.log(parseInt("200px"));

    // 关系表达式  5>3
    // if(NaN){
    //     console.log(true);
    // }else{
    //     console.log(false);
    // }

    //  &&  ||  !
    //  &&  ||  短路运算   !2  !!2 

    // 赋值运算符    =  += -= *= /= %=  ++ --

    var a = 10;
    // console.log(a++);  //console.log(a) => a++
    console.log(++a);  // a += 1 ,console.log(a)
    console.log(a);

</script>
</html>